/*
  height: 0px,
  width: 0px,
  lineHeight: 0px,
  transform: `rotate(0deg)`,
*/
const { createApp } = Vue;

const app = {
  data() {
    return {
        isPurple: false,
        circleColor: "",
        circleSize: 200,
        circleRotate: 0,
    };
  },
  computed:{
    circleClass(){
        return this.isPurple ? 'purple' : ''         
    },
    circleStyle(){
        return  {height: this.circleSize + 'px',
        width: this.circleSize + 'px',
        lineHeight: this.circleSize + 'px',
        transform: `rotate(${this.circleRotate}deg)`}
    }
  }
};

createApp(app).mount("#app");